<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title><%= title %></title>
		<link rel="stylesheet" type="text/css" href="/webSite/css/header-public.css" />
		<link rel="stylesheet" type="text/css" href="/webSite/css/message.css"/>
		<link rel="stylesheet" type="text/css" href="/webSite/css/popular-article-public.css"/>
		<!--[if lt IE 9]>
			<script type="text/javascript" src="/webSite/js/html5.js"></script>
		<![endif]-->
	</head>
	<body>
		<!--头部引用-->
		<% include header-public.html %>
		<!--内容-->
		<div id="content" class="cl">
			<!--left-->
			<div class="left-content">
				<!--发表评论-->
				<div class="content-div mb-20">
					<h4 class="content-title">给我留言</h4>
					<div class="me-msg">
						<!--info-->
						<div class="comment-info">
							<ul>
								<li class="form-row">
									<label class="form-label">昵称</label>
									<input type="text" class="input-text" placeholder="请输入您的昵称，昵称不能超过6个"/>
								</li>
								<li>
									<label class="form-label">邮箱</label>
									<input type="text" class="input-text" placeholder="请输入您的邮箱"/>
								</li>
							</ul>
						</div>
						<!--内容-->
						<div class="msg-content">
							<textarea class="textarea" placeholder="请输入内容"></textarea>
							<div class="submit-div cl">
								<i>表情</i>
								<a class="submit-btn" href="javascript:;">发布</a>
							</div>
						</div>
					</div>
				</div>
				<!--评论列表-->
				<div class="content-div">
					<h4 class="content-title mb-20">留言列表</h4>
					<ul class="comment-list">
						<li class="cl">
							<a href="#" class="img">
								<img alt="" src="http://static.h-ui.net/h-ui//images/ucnter/avatar-default.jpg">
							</a>
						    <div class="comment-main">
						    	<div class="comment-header">
					    			<a href="javascript:;">辉哥</a>评论于
						        	<time title="2014年8月31日 下午3:20" datetime="2014-08-31T03:54:20">2014-8-31 15:20</time>
						        </div>
						     	<div class="comment-body">
						       		<p><a href="#">@某人</a>你是猴子派来的救兵吗？</p>
						    	</div>
						    </div>
						</li>
						<li class="cl">
							<a href="#" class="img">
								<img alt="" src="http://static.h-ui.net/h-ui//images/ucnter/avatar-default.jpg">
							</a>
						    <div class="comment-main">
						    	<div class="comment-header">
					    			<a href="javascript:;">辉哥</a>评论于
						        	<time title="2014年8月31日 下午3:20" datetime="2014-08-31T03:54:20">2014-8-31 15:20</time>
						        </div>
						     	<div class="comment-body">
						       		<p><a href="#">@某人</a>你是猴子派来的救兵吗？</p>
						    	</div>
						    </div>
						</li>
						<li class="cl">
							<a href="#" class="img">
								<img alt="" src="http://static.h-ui.net/h-ui//images/ucnter/avatar-default.jpg">
							</a>
						    <div class="comment-main">
						    	<div class="comment-header">
					    			<a href="javascript:;">辉哥</a>评论于
						        	<time title="2014年8月31日 下午3:20" datetime="2014-08-31T03:54:20">2014-8-31 15:20</time>
						        </div>
						     	<div class="comment-body">
						       		<p><a href="#">@某人</a>你是猴子派来的救兵吗？</p>
						    	</div>
						    </div>
						</li>
						<li class="cl">
							<a href="#" class="img">
								<img alt="" src="http://static.h-ui.net/h-ui//images/ucnter/avatar-default.jpg">
							</a>
						    <div class="comment-main">
						    	<div class="comment-header">
					    			<a href="javascript:;">辉哥</a>评论于
						        	<time title="2014年8月31日 下午3:20" datetime="2014-08-31T03:54:20">2014-8-31 15:20</time>
						        </div>
						     	<div class="comment-body">
						       		<p><a href="#">@某人</a>你是猴子派来的救兵吗？</p>
						    	</div>
						    </div>
						</li>
					</ul>
				</div>
			</div>
			<!--right-->
			<div class="right-content">
				<!--热门推荐-->
				<div class="content-div popular">
					<h4 class="content-title">热门推荐</h4>
					<ul class="popular-article">
						<li>
							<!--缩略图-->
							<a href="/article_details" class="article-img">
								<img src="/webSite/images/article-img.jpg">
							</a>
							<!--标题-->
							<h3 class="title">
								<a href="/article_details">什么样的芯片才配被博物馆永久收藏？</a>
							</h3>
							<!--date-->
							<div class="date">20156-3-25</div>
						</li>
					</ul>
				</div>
				<!--广告-->
				<div class="ad content-div">
					<img src="/webSite/images/article-img.jpg">
				</div>
			</div>
		</div>
	</body>
</html>
